/*base.css v2.0.0.5*/
/*Tt.string()*/
/*email:ist_te@hotmail.com*/
/*qq:284648*/
/*Time 20130418*/
@charset "utf-8";
/*======================去浏览器常规默认样式=======================*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, div, a, dd, dl { border: 0 none; margin: 0; padding: 0; font-weight: normal; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; }
/*select { font-size:12px; font-family:simsun; }*/
ul, ol, li { list-style-type: none }
a { text-decoration: none; outline: none;/*FF标准去虚线框*/ }
a { star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/
}
/*===================a标签==========================*/
a { color: #333; }
/*
:link{color:;text-decoration:none}
:visited{color:;text-decoration:none}
:hover{color:;text-decoration:underline}
:active{color:;text-decoration:none}
:focus {color:#CC0000;}*/
/*======================浮动的外层==================*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { zoom: 1 }
.clearfix { display: block; }
/* end clearfix */

/*========解决border部分时有时无问题---使用时注意未知问题===========*/
.borderfix { zoom: 1 }
/*=====================布局=========================*/
.margin_center { margin-left: auto; margin-right: auto }
.float_left { float: left }
.float_right { float: right }
.block { display: block }
.clear { clear: both; height: 0px; overflow: hidden; }
.po_re { position: relative; }
.po_ab { position: absolute; }
img { display: block }
/*=======限制Detail页内图片大小======避免页面撑暴=====*/
.detail_c img { max-width: 100%; width:expression(width>669?"100%":width+"px");
}
/*--.detail_c img { max-width:100%;width:expression(width>（外层宽度px）?"100%":width+"px");}--*/
/*=======================文字=========================*/
.font_bold { font-weight: bolder }
.text_center { text-align: center }
.text_left { text-align: left }
.text_right { text-align: right }
.size_10 { font-size: 10px }
.size_11 { font-size: 11px }
.size_12 { font-size: 12px }
.size_13 { font-size: 13px }
.size_14 { font-size: 14px }
.size_16 { font-size: 16px }
.size_18 { font-size: 18px }
.size_20 { font-size: 20px }
.color333 { color: #333; }
.color3368aa { color: #3368aa; }
.colorff6100 { color: #ff6100; }
.colred { color: #F00; }
.colgreen { color: #008000 }
.tal { text-align: left }
.tar { text-align: right }
.tac { text-align: center }
.marg5 { margin: 0px 5px; }
.marg3 { margin: 0px 3px; }
.radio, .checkbox { position: relative; top: 2px; }
.w60 { width: 60px; }
.w240 { width: 240px; }
.w300 { width: 300px; }
.w360 { width: 360px; }
/*=======================块级元素===========================*/
.none { display: none }
/*=======================块级元素===========================*/
.ui-tabs-hide { display: none!important; }
/*======================li前ico图片=========================*/
span.li_ico { display: block; float: left; position: relative; top: 0px!important; top: -1px; margin-right: -0px!important; margin-right: -3px; background: url("../images/newslist_ico.jpg")/*tpa=http://www.hongsin.cc/images/newslist_ico.jpg*/ left center no-repeat; width: 15px; margin-left: 8px; }
/*=====================文字阴影=============================*/
.context { position: relative; }
.context .normal { position: absolute; top: 0px; left: 0px; z-index: 2; }
.context .shadow { position: relative; top: 1px; left: 2px; z-index: 1; }
/*    文字阴影应用之HTML部分代码                  	
<div class="context">
	<span class="normal">需要有阴影效果的文字</span>
	<span class="shadow">重复需要有阴影效果的文字即文字的阴影</span>
</div>*/
.transparent { background: transparent; }
.ie6 { *margin-top:-1px;
}
textarea { font-size: 12px; color: #666666; vertical-align: middle }
input { vertical-align: middle }
.btn { padding: 0px; margin: 0px; border: none; cursor: pointer; background-color: Transparent; background-image: url("(URL")/*tpa=http://www.hongsin.cc/css/(URL*/); background-repeat: no-repeat; background-position: 0px 0px; }
.h5p { font-size: 0px; line-height: 0px; height: 5px; }
label { display: block; text-align: right }
*, html, body { -webkit-text-size-adjust: none !important; }
/*====================自定义================================*/
body { font-family: "Microsoft YaHei"; font-size: 12px; padding: 0px; margin: 0px; }
.wrap-c { width: 1134px; margin: auto; }
.subWrap { margin: auto; min-width: 1114px; max-width: 1440px; }
.subWrap-c { width: 1114px; margin: auto; }
.header { height: 79px; }
.header h1.logo { float: left; height: 60px; padding-top: 10px; padding-right: 2px; padding-left: 2px; }
.header .tips { width: 165px; float: right; height: 79px; border-left:1px #eee solid; }
.header .tips img { margin:0 auto 8px auto;}
.subWrap .header .tips { }
.header .tips .search, .header .tips .language, .header .tips .menu { float: left; width: 80px; height: 79px; border-right:1px #eee solid; }
.header .tips .search a, .header .tips .language a, .header .tips .menu a { text-align: center; color: #999; display: block; }
.header .tips .search a { padding-top: 24px; height: 45px; }
.header .tips .menu a { padding-top: 24px; height: 45px; }

.header .nav { float: right; height: 79px; padding-right: 10px; position: relative; width: 755px; overflow: hidden; }
.header .nav li { float: left; height: 79px; position: relative; }
.header .nav li.n1 { width: 66px; }
.header .nav li.n2, .header .nav li.n3, .header .nav li.n6 { width: 97.6px; }
.header .nav li.n4, .header .nav li.n5 { width: 97.6px; }
#nav li a { position: relative; z-index: 2; display: block; width: 100%; height: 100%; font-weight: bold; font-size: 13px; line-height: 79px; text-align: center; color: #7f7f7f; -webkit-transition: color 200ms; transition: color 200ms; }
#nav li a span { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }
#nav li a .bkg { top: 100%; z-index: 1; background-color: #1A488D; -webkit-transition: top 200ms; transition: top 200ms; }
#nav li a.on .bkg, #nav li a:hover .bkg { top: 0; }
#nav li a.on { color: #fff; }
#nav li a:hover { color: #fff; background:#1A488D; }
.header.subHeader .tips { width: 187px; padding-left: 22px; }
.header.subHeader .nav li { position: relative; }
.header.subHeader .nav li span { position: absolute; width: 100%; height: 100%; background-color: #1A488D; left: 0px; top: 0px; }
.header.subHeader .nav li.on a { color: #fff; }
.center { position: relative; overflow: hidden; }
#subNav { position: absolute; top: 0; left: 0px; z-index: 10; width: 100%; height: 60px; }
#subNav .wrap-c { overflow: visible; }
#subNav .wrap-c .item { position: absolute; top: -100%; width: 100%; height: 66px; background-color: #4c4a4f; overflow: hidden; -webkit-transition: top 300ms; transition: top 300ms; }
#subNav .wrap-c .About { left: 265px; padding: 0 4px; /*width:835px;*/ }
#subNav .wrap-c .News { left: 362px; padding: 0 4px; /*width:752px;*/ }
#subNav .wrap-c .Service { left: 460px; padding: 0 4px; /*width:752px;*/ }
#subNav .wrap-c .Product { left: 557px; padding: 0 4px; /*width:573px;*/ }
#subNav .wrap-c .Join { left: 655px; padding: 0 4px; /*width:573px;*/ }
#subNav .wrap-c .dwhz { left: 689px; padding: 0 4px; /*width:573px;*/ }
#subNav .wrap-c .jryt { left: 786px; padding: 0 4px; /*width:573px;*/ }
#subNav .wrap-c .search { right: 0; width: auto; height: 44px; border: 8px solid #4c4a4f; }
#subNav .wrap-c .search .search_inp { border-style:none;　background:none; padding-left:20px; width: 174px; float: left; border: none; height: 44px; line-height: 44px; font-size: 14px; }

#subNav .wrap-c .search .search_btn { width: 44px; height: 45px; line-height: 44px; border: none;}

#subNav .wrap-c .on { top: 0; }
#subNav .wrap-c .item a { float: left; padding: 0 16px;  font-size: 13px; line-height: 61px; color: #d2ced5; -webkit-transition: color 300ms; transition: color 300ms; }
#subNav .wrap-c .item a:hover { color: #fff; }

     /*2016.4.12*/
#subNav .wrap-c .nwmenu{ right: 0; top: -409px; width: 254px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
#subNav .wrap-c .nwmenu .nwmenu-inner{ padding: 30px; width: 210px; max-height: 349px; overflow: hidden;}
#subNav .wrap-c .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 10px;}
#subNav .wrap-c .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
#subNav .wrap-c .nwmenu .nwmenu-list{ float: right; margin-top: -5px; width: 140px;} 
#subNav .wrap-c .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #d2ced5; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}
    /*2016.4.12*/

#subNav .wrap-c .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
#subNav .wrap-c .on {top:0; z-index: 2;}
#subNav .wrap-c .item #on {
    color: #f63b2e;
}


.subBanner { background-repeat: repeat; background-position: center center; background-size: cover; }
.aboutBanner { height: 108px; background-image: url("../images/banner/about.jpg")/*tpa=http://www.hongsin.cc/images/banner/about.jpg*/; }
.newsBanner { background-image: url("../images/banner/news.jpg")/*tpa=http://www.hongsin.cc/images/banner/news.jpg*/; }
.cityBanner { background-image: url("../images/banner/city.jpg")/*tpa=http://www.hongsin.cc/images/banner/city.jpg*/; }
.cityBanner02 { background-image: url("../images/banner/city_02.jpg")/*tpa=http://www.hongsin.cc/images/banner/city_02.jpg*/; }
.productBanner { background-image: url("../images/banner/product.jpg")/*tpa=http://www.hongsin.cc/images/banner/product.jpg*/; }
.helpBanner { background-image: url("../images/banner/help.jpg")/*tpa=http://www.hongsin.cc/images/banner/help.jpg*/; }
.subMain .current { height: 34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d2d2d2; line-height: 34px; }
.subMain .current .rhome { display: block; height: 34px; width: 43px; float: left; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #adadad; border-left-color: #adadad; background-image: url("../images/btn/rHome.png")/*tpa=http://www.hongsin.cc/images/btn/rHome.png*/; background-repeat: no-repeat; background-position: center center; margin-right: 15px; }
.subMain .current .clink { color: #7f7f7f; }
.subMain .current span { color: #1A488D; }
.aboutIndex h2 { padding-top: 41px; }
.aboutIndex .subMenu { height: 45px; padding-top: 8px; }
.aboutIndex .subMenu ul { float: right; }
.aboutIndex .subMenu li { }
.aboutIndex .subMenu li { float: left; margin-left: 32px; }
.aboutIndex .subMenu li a { font-size: 14px; color: #616161; -webkit-transition: color 500ms; transition: color 500ms; }
.aboutIndex .subMenu li a:hover { color: #1A488D; -webkit-transition: color 500ms; transition: color 500ms; }
.aboutIndex .content li { float: left; position: relative; overflow: hidden; margin-right: 1px; margin-bottom: 1px; }
.aboutIndex .content li .bg { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; transform: scale(1); transition: transform 400ms; }
.aboutIndex .content li.on .bg { transform: scale(1.2); transition: transform 400ms; }
.aboutIndex .content li .mask { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; opacity: 0; background-color: #4c4a4f; transition: opacity 500ms; }
.aboutIndex .content li.on .mask { transition: opacity 500ms; opacity: .5 }
.aboutIndex .content li h3 { position: absolute; font-size: 18px; color: #40c1fd; text-transform: uppercase; left: 20px; bottom: 20px; transition: color 400ms; }
.aboutIndex .content li.on h3 { color: #fff; transition: color 400ms; }
.aboutIndex .content li h3 span { display: block; font-size: 14px; color: #FFF; }
.aboutIndex .content .c1 { height: 188px; width: 556px; }
.aboutIndex .content .c1 .bg { background-image: url("../images/picture/about.jpg")/*tpa=http://www.hongsin.cc/images/picture/about.jpg*/; }
.aboutIndex .content .c1 h3 { color: #fff; }
.aboutIndex .content .c2 { height: 188px; width: 188px; }
.aboutIndex .content .c2 .bg { background-image: url("../images/picture/about_team.jpg")/*tpa=http://www.hongsin.cc/images/picture/about_team.jpg*/; }
.aboutIndex .content .c3 { height: 188px; width: 556px; }
.aboutIndex .content .c3 .t { position: absolute; line-height: 20px; color: #fff; left: 120px; bottom: 20px; }
.aboutIndex .content .c3 .bg { background-image: url("../images/picture/about_idea.jpg")/*tpa=http://www.hongsin.cc/images/picture/about_idea.jpg*/; }
.aboutIndex .content .c4 { height: 185px; width: 402px; }
.aboutIndex .content .c4 .bg { background-image: url("../images/picture/about_social.jpg")/*tpa=http://www.hongsin.cc/images/picture/about_social.jpg*/; }
.aboutIndex .content .c4 h3 { left: 200px; color: #fff; }
.aboutIndex .content .c5 { height: 185px; width: 449px; }
.aboutIndex .content .c5 .bg { background-image: url("../images/picture/about_city.jpg")/*tpa=http://www.hongsin.cc/images/picture/about_city.jpg*/; }
.aboutIndex .content .c5 .btn { position: absolute; left: 196px; top: 45px; }
.aboutIndex .content .c5 h3 { color: #fff; }
.aboutIndex .content .c6 { height: 185px; width: 260px; }
.aboutIndex .content .c6 .bg { background-color: #1A488D; }
.aboutIndex .content .c6 .i { position: absolute; }
.subFooter { background-color: #616161; height: 40px; margin-top: 100px; }
.subFooter .l { float: left; line-height: 40px; }
.subFooter .l span { font-size: 14px; color: #c9c9c9; margin-right: 24px; }
.subFooter .l a { margin-right: 17px; font-size: 12px; color: #fff; }
.subFooter .c { float: right; padding-top: 20px; }
.subMenu02 { float: right; width: 213px; }
.subMenu02 li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; position: relative; height: 56px; overflow: hidden; }
.subMenu02 li a { line-height: 56px; display: block; height: 56px; padding-left: 10px; font-size: 14px; color: #616161; position: absolute; left: 0px; top: 0px; width: 203px; }
.subMenu02 li .bg { position: absolute; height: 100%; width: 100%; left: -100%; top: 0px; background-color: #004ea2; transition: left 200ms; }
.subMenu02 li.on .bg { transition: left 200ms; left: 0%; }
.subMenu02 li.on a { color: #FFF; }
.aboutContent .Area { float: left; width: 900px; border-right-width: 1px; border-right-style: solid; border-right-color: #dddddd; padding-top: 70px; }
.aboutContent .Area h3 { padding-top: 62px; }
.Area .content p { font-size: 14px; line-height: 24px; color: #616161; }
.Area .content .p { padding-top: 2em; padding-bottom: 2em; }
.aboutContent .content { padding-bottom: 300px; }
.aboutContent .content .n { float: right; text-align: right; font-size: 18px; color: #616161; padding-top: 3em; }
.aboutContent .content .n span { font-size: 14px; color: #c9c9c9; line-height: 14px; display: block; margin-top: 6px; }
.content.tab01 .t { height: 56px; padding-top: 44px; }
.content.tab01 .t li { float: left; height: 56px; width: 197px; background-color: #dcdde2; overflow: hidden; position: relative; }
.content.tab01 .t li a { font-size: 18px; line-height: 56px; color: #838181; text-align: center; display: block; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; }
.content.tab01 .t li span { background-color: #004ea2; height: 100%; width: 100%; position: absolute; left: -100%; top: 0px; transition: left 200ms; }
.content.tab01 .t li.on span { transition: left 200ms; left: 0%; }
.content.tab01 .t li.on a { color: #fff }
.team .content .co { padding-top: 93px; }
.team .content .co .item .pho { float: left; padding-top: 5px; }
.team .content .co .item .i { float: left; padding-left: 62px; }
.team .content .co .item .i h5 { font-size: 24px; color: #191919; }
.team .content .co .item .i p { font-size: 18px; color: #626161; line-height: 32px; padding-top: 37px; padding-left: 4px; }
.team .content .co .item .i p.p01 { font-size: 14px; line-height: 24px; }
.team .content .co .item .info { clear: both; padding-top: 52px; }
.process h3 { padding-top: 55px !important; }
.process .content { padding-top: 70px; }
.process .content .t { float: left; }
.process .content .t li { height: 70px; padding-left: 10px; opacity: 0.6; background-image: url("../images/icon/process.png")/*tpa=http://www.hongsin.cc/images/icon/process.png*/; background-repeat: no-repeat; background-position: right top; width: 100px; transition: opacity 200ms; }
.process .content .t li a { font-size: 24px; color: #264983; }
.process .content .t li a span { font-family: "Myriad Pro"; }
.process .content .t li.on { opacity: 1; transition: opacity 400ms; }
.process .content .co { float: left; padding-left: 14px; width: 700px; }
.process .content .co li { height: 70px; }
.process .content .co li p { height: 0px; overflow: hidden; font-size: 14px; line-height: 28px; color: #707070; }
.process .content .co li.on p { height: 224px; padding-top: 4px; transition: height 500ms; }
.idea h5 { font-size: 18px; color: #151515; padding-top: 52px; }
.idea .content { padding-top: 66px; }
.responsibility .content .t li { margin-right: 1px; }
.responsibility .content .co { padding-top: 1px; position: relative; height: 635px; }
.responsibility .content .co .item { background-color: #ededed; height: 0px; width: 852px; text-align: center; overflow: hidden; background-repeat: no-repeat; background-position: center top; position: absolute; left: 0px; top: 1px; z-index: 1; transition: height 0ms; transition-delay: 1s; }
.responsibility .content .co .item.on { height: 635px; transition: height 1s; z-index: 5 }
.responsibility .content .co .item h6 { font-size: 30px; color: #353535; padding-top: 62px; }
.responsibility .content .co .item p { font-size: 14px; line-height: 18px; color: #5a6c8c; }
.responsibility .content .co .item .p { padding-top: 10px; padding-bottom: 22px; }
.responsibility .content .co .item img { display: inline; }
.responsibility .content .co .item.owner { background-image: url("../images/picture/owner.jpg")/*tpa=http://www.hongsin.cc/images/picture/owner.jpg*/; }
.responsibility .content .co .item.cityp { background-image: url("../images/picture/city.jpg")/*tpa=http://www.hongsin.cc/images/picture/city.jpg*/; }
.responsibility .content .co .item.sociology { background-image: url("../images/picture/sociology.jpg")/*tpa=http://www.hongsin.cc/images/picture/sociology.jpg*/; }
.NewsIndex .content li .mask { background-color: #000; }
.NewsIndex .content ul { position: relative; height: 442px; }
.NewsIndex .content .c0 { height: 442px; width: 556px; position: absolute; left: 0px; top: 0px; }
.NewsIndex .content li .i { position: absolute; left: 68px; width: 406px; bottom: -176px; transition: bottom 500ms; }
.NewsIndex .content li.c0.on .i { bottom: 20px; transition: bottom 500ms; }
.NewsIndex .content li .i h3 { position: static; font-size: 18px; margin-bottom: 13px; color: #FFF; width:406px; height:48px; }
.NewsIndex .content li .i p { font-size: 14px; color: #b9b9ba; line-height: 20px; margin-bottom: 15px; width:406px; }
.NewsIndex .content li .i font { font-size: 14px; color: #FFF; }
.NewsIndex .content li .i .b { background-image: url("../images/btn/more.png")/*tpa=http://www.hongsin.cc/images/btn/more.png*/; display: block; height: 26px; width: 43px; margin-top: 16px; }
.NewsIndex .content .c1 { position: absolute; left: 556px; top: 0px; height: 210px; width: 552px; }
.NewsIndex .content .c2 { position: absolute; left: 556px; top: 210px; height: 232px; width: 552px; }
.NewsIndex .content li.c1 .i, .NewsIndex .content li.c2 .i { left: 0px; bottom: -72px; transition: bottom 300ms; padding-left: 23px; width: 100%; padding-top: 10px; background-image: url("../images/bg/mask.png")/*tpa=http://www.hongsin.cc/images/bg/mask.png*/; }
.NewsIndex .content li.c1.on .i, .NewsIndex .content li.c2.on .i { bottom: 0px; transition: bottom 300ms; }
.NewsList h2, .NewsDetail h2 { width: 853px; overflow: hidden; }
.NewsList .content { padding-top: 60px; }
.NewsList .content li { height: 112px; width: 853px; margin-bottom: 12px; }
.NewsList .content li .i { background-color: #f5f5f5; float: left; height: 93px; width: 666px; padding-left: 17px; padding-top: 19px; transition: background-color 300ms; }
.NewsList .content li.on .i { background-color: #cfd7e2; transition: background-color 300ms; }
.NewsList .content li .i a { font-size: 14px; color: #616161; font-weight: bold; }
.NewsList .content li .i p { font-size: 14px; line-height: 24px; color: #505050; width: 657px; padding-top: 7px; }
.NewsList .content li .t { font-size: 18px; line-height: 120px; color: #02448e; background-color: #e2e8f0; text-align: center; float: right; height: 112px; width: 170px; }
.NewsDetail .content { padding-top: 49px; position: relative; }
.NewsDetail .content .time { background-color: #e2e8f0; float: left; height: 105px; width: 119px; font-size: 48px; line-height: 79px; color: #004ea2; text-align: center; }
.NewsDetail .content .time span { font-size: 14px; line-height: 26px; color: #FFF; background-color: #004ea2; display: block; }
.NewsDetail .content .article { float: left; width: 618px; padding-left: 34px; }
.NewsDetail .content .article h6 { font-size: 18px; color: #004ea2; padding-top: 11px; }
.NewsDetail .content .article .C { font-size: 14px; line-height: 24px; color: #505050; padding-top: 26px; }
.NewsDetail .content .article .C img { display: inline; margin-top: 1em; margin-bottom: 1em; }
.NewsDetail .content .return { position: absolute; top: 5px; right: 40px; line-height: 66px; font-size: 14px; color: #bbbab9; height: 66px; width: 128px; z-index: 5; }
.NewsDetail .content .return img { display: inline; float: right; }
.aboutIndex.CityIndex .content li.c1 { height: 220px; width: 556px; margin-right: 3px; }
.aboutIndex.CityIndex .content li.c2 { width: 554px; height: 220px; }
.aboutIndex.CityIndex .content li.c1 .bg { background-image: url("../images/picture/city_01.jpg")/*tpa=http://www.hongsin.cc/images/picture/city_01.jpg*/; }
.aboutIndex.CityIndex .content li.c2 .bg { background-image: url("../images/picture/city_02.jpg")/*tpa=http://www.hongsin.cc/images/picture/city_02.jpg*/; }
.CityIndex .content .c1 { background-color: #9a94cd; float: left; height: 220px; width: 556px; }
.CityIndex .content .c1 a { display: block; height: 175px; width: 484px; padding-top: 45px; padding-left: 72px; }
.CityIndex .content .c1 .ic { float: left; height: 130px; width: 130px; background-color: #4b4585; display: block; -moz-border-radius: 65px; -webkit-border-radius: 65px; border-radius: 65px; background-image: url("../images/icon/user.png")/*tpa=http://www.hongsin.cc/images/icon/user.png*/; background-repeat: no-repeat; background-position: center center; }
.CityIndex .content .c1 h6 { float: left; font-size: 24px; color: #FFF; padding-left: 20px; padding-top: 30px; padding-bottom: 2px; }
.CityIndex .content .c1 h6 span { font-family: Arial; font-size: 18px; display: block; text-transform: uppercase; }
.CityIndex .content .c2 { float: right; background-color: #a1c5e4; }
.CityIndex .content .c2 .ic { background-image: url("../images/icon/book.png")/*tpa=http://www.hongsin.cc/images/icon/book.png*/; }
.subMenu03 { height: 120px; }
.subMenu03 li { float: left; height: 120px; width: 222px; position: relative; overflow: hidden; margin: 0px !important; padding: 0px; }
.subMenu03 li a { position: absolute; height: 100%; width: 100%; }
.subMenu03 li span { position: absolute; width: 100%; left: 0px; text-align: center; }
.subMenu03 li span.cn { font-size: 18px; color: #FFF; top: 40px; transition: top 200ms; }
.subMenu03 li span.en { font-size: 12px; color: #FFF; top: 64px; transition: top 200ms; text-transform: uppercase; }
.subMenu03 li span.view, .subMenu03 li span.icon { font-size: 18px; color: #FFF; width: 154px; left: 0px; right: 0px; text-align: right; height: 34px; top: 0px; bottom: 0px; line-height: 34px; margin-top: auto; margin-bottom: auto; }
.subMenu03 li span.icon { left: -34px; opacity: 0; transition: left 200ms, opacity 200ms; }
.subMenu03 li span.view { right: -154px; left: auto; opacity: 0; transition: right 200ms, opacity 200ms; }
.subMenu03 li.on span.cn { top: -24px; transition: top 200ms; }
.subMenu03 li.on span.en { top: 120px; transition: top 200ms; }
.subMenu03 li.on span.icon { left: 34px; opacity: 1; transition: left 200ms, opacity 200ms; }
.subMenu03 li.on span.view { right: 34px; opacity: 1; transition: right 200ms, opacity 200ms; }
.subMenu03 li.s1 { background-color: #43aca1; }
.subMenu03 li.s2 { background-color: #338cb4; }
.subMenu03 li.s3 { background-color: #ca5d5e; }
.subMenu03 li.s4 { background-color: #6e4762; }
.subMenu03 li.s5 { background-color: #2c517c; width: 226px; }
.ProductIndex .tabwra { padding-top: 42px; }
.ProductIndex .tabwra .t { height: 40px; }
.ProductIndex .tabwra .t li { float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #dddddd; border-right-color: #dddddd; border-bottom-color: #dddddd; border-left-color: #dddddd; margin-right: 3px; }
.ProductIndex .tabwra .t li.on { border-top-color: #43aca1; border-right-color: #43aca1; border-bottom-color: #43aca1; border-left-color: #43aca1; }
.ProductIndex .tabwra .t li a { float: left; font-size: 14px; line-height: 39px; color: #777777; text-align: center; display: block; height: 39px; width: 102px; }
.ProductIndex .tabwra .t li.on a { color: #FFF; background-color: #43aca1; }
.ProductIndex .tabwra .tabc { background-color: #43aca1; height: 268px; }
.ProductIndex .tabwra .tabc .item .pic { float: right; }
.ProductIndex .tabwra .tabc .item .info { float: left; padding-left: 100px; }
.ProductIndex .tabwra .tabc .item .info h6 { font-size: 24px; color: #05342f; padding-top: 30px; }
.ProductIndex .tabwra .tabc .item .info h6 span { font-family: Arial; font-size: 12px; text-transform: uppercase; color: #FFF; display: block; padding-top: 4px; }
.ProductIndex .tabwra .tabc .item .info p { width: 640px; font-size: 14px; line-height: 24px; color: #052b27; padding-top: 16px; }
.ProductIndex .tabwra .tabc .item.i2 .info { padding-left: 64px; }
.ProductIndex .tabwra .tabc .item.i2 .info h6 { font-family: Arial; font-size: 30px; text-transform: uppercase; }
.ProductIndex .tabwra .tabc .item.i2 .info h6 span { font-size: 18px; font-family: "微软雅黑"; }
.ProductIndex .tabwra .tabc .item.i2 .info p { width: 478px; }
.ProductIndex .tabwra .tabc .item.i3 .info { padding-left: 48px; }
.ProductIndex .tabwra .tabc .item.i3 .info p { line-height: 18px; }
.shopp .content .shpinfo { background-color: #c95d5e; height: 268px; margin-top: 82px; }
.shopp .content .shpinfo .info { float: left; padding-left: 45px; }
.shopp .content .shpinfo .info h6 { font-size: 18px; color: #500708; padding-top: 43px; }
.shopp .content .shpinfo .info h6 span { font-family: Arial; text-transform: uppercase; display: block; padding-top: 0px; }
.shopp .content .shpinfo .info p { width: 458px; font-size: 14px; line-height: 18px; color: #ffffff; padding-top: 16px; }
.shopp .content .shpinfo .pic { float: right; }
.shopp.ProductIndex .tabwra .t li.on { border-top-color: #c95d5e; border-right-color: #c95d5e; border-bottom-color: #c95d5e; border-left-color: #c95d5e; }
.shopp.ProductIndex .tabwra .t li.on a { color: #FFF; background-color: #c95d5e; }
.shopp.ProductIndex .tabwra .tabc { background-color: #efefee; height: 268px; }
.shopp.ProductIndex .tabwra .tabc .item .pic { float: left; }
.shopp.ProductIndex .tabwra .tabc .item .info { float: right; padding-left: 0px; }
.shopp .tabwra .t .p { float: right; }
.shopp .sbanner { padding-top: 64px; }
.property .content .shpinfo { height: 445px; background-color: #6e4762; }
.property .content .shpinfo .info h6 { font-size: 18px; color: #f5b934; }
.property .content .shpinfo .info h6 span { font-size: 24px; }
.property .content .shpinfo .info p { font-size: 14px; line-height: 18px; color: #FFF; width: 572px; padding-top: 8px; }
.property .content .list { padding-top: 110px; }
.property .content .list .pic { float: left; padding-left: 50px; }
.property .content .list li { font-size: 14px; line-height: 34px; color: #fcf9f9; height: 34px; width: 238px; padding-left: 16px; background-image: url("../images/bg/property_list.png")/*tpa=http://www.hongsin.cc/images/bg/property_list.png*/; float: none; margin-bottom: 13px; }
.property .content .list li.on { opacity: 0.5; }
.redStar .m1 { float: left; width: 624px; position: relative; padding-top: 75px; padding-left: 32px; height: 570px; }
.redStar .m1 h3 { padding-top: 40px; }
.redStar .m1 .map { padding-left: 30px; position: relative; }
.redStar .m1 .map area { z-index: 11 }
.redStar .m1 .map { padding-left: 20px; position: relative; padding-top: 7px; }
.redStar .m1 .map area { z-index: 11 }
/*.redStar .content .map li { position: absolute; display: none }*/
.rsSearch { padding-top: 33px; padding-left: 198px; z-index: 123456; height: 152px; }
.rsSearch .city { float: left; margin-right: 20px; }
.subTips .rsSearch { float: right; padding-top: 20px; }
.aboutIndex .content .ctbtn li { width: 10px; height: 10px; position: absolute; cursor: pointer; z-index: 999; display: block; background-image: url("../images/icon/map.png")/*tpa=http://www.hongsin.cc/images/icon/map.png*/; background-repeat: no-repeat; background-position: center center; overflow: inherit; }
.aboutIndex .content .ctbtn li span { position: absolute; line-height: 24px; height: 24px; left: 12px; top: -6px; color: #4485db; width: 36px; text-shadow: #fff 0px 0px 20px; display: none; opacity: 0; }
.Tracer { position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; z-index: 10 }
.Tracer_01 { left: 446px; top: 244px; }
.Tracer_01 .ring { -webkit-animation: trace01 12s infinite; -moz-animation: trace01 12s infinite; -ms-animation: trace01 12s infinite; -o-animation: trace01 12s infinite; animation: trace01 12s infinite; }
.Tracer_02 { left: 420px; top: 256px; }
.Tracer_02 .ring { -webkit-animation: trace02 12s infinite; -moz-animation: trace02 12s infinite; -ms-animation: trace02 12s infinite; -o-animation: trace02 12s infinite; animation: trace02 12s infinite; }
.Tracer_03 { left: 312px; top: 281px; }
.Tracer_03 .ring { -webkit-animation: trace03 12s infinite; -moz-animation: trace03 12s infinite; -ms-animation: trace03 12s infinite; -o-animation: trace03 12s infinite; animation: trace03 12s infinite; }
.Tracer_04 { left: 407px; top: 191px; }
.Tracer_04 .ring { -webkit-animation: trace04 12s infinite; -moz-animation: trace04 12s infinite; -ms-animation: trace04 12s infinite; -o-animation: trace04 12s infinite; animation: trace04 12s infinite; }
.Tracer_05 { left: 424px; top: 303px; }
.Tracer_05 .ring { -webkit-animation: trace05 12s infinite; -moz-animation: trace05 12s infinite; -ms-animation: trace05 12s infinite; -o-animation: trace05 12s infinite; animation: trace05 12s infinite; }
.Tracer_06 { left: 272px; top: 300px; }
.Tracer_06 .ring { -webkit-animation: trace06 12s infinite; -moz-animation: trace06 12s infinite; -ms-animation: trace06 12s infinite; -o-animation: trace06 12s infinite; animation: trace06 12s infinite; }
.Tracer::after { content: ""; position: absolute; height: 8px; width: 8px; left: 4px; top: 4px; border-radius: 4px; }
.Tracer .ring { position: absolute; width: 30px; height: 30px; border: 5px solid #4485db; top: 50%; left: 50%; margin: -15px 0 0 -15px; opacity: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.Tracer .ring:last-of-type { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -ms-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; }
@-webkit-keyframes trace01 { 0% {
 -webkit-transform: scale(0.1);
 opacity: 1;
}
 16% {
 -webkit-transform: scale(1);
 opacity: 0;
}
 100% {
-webkit-transform: scale(1);
 opacity: 0;
}
}
 @-moz-keyframes trace01 { 0% {
 -moz-transform: scale(0.1);
 opacity: 1;
}
 16% {
 -moz-transform: scale(1);
 opacity: 0;
}
100% {
 -moz-transform: scale(1);
 opacity: 0;
}
}
 @-ms-keyframes trace01 { 0% {
 -ms-transform: scale(0.1);
 opacity: 1;
}
 16% {
 -ms-transform: scale(1);
 opacity: 0;
}
100% {
 -ms-transform: scale(1);
 opacity: 0;
}
}
 @-o-keyframes trace01 { 0% {
 -o-transform: scale(0.1);
 opacity: 1;
}
 16% {
 -o-transform: scale(1);
 opacity: 0;
}
 100% {
 -o-transform: scale(1);
 opacity: 0;
}
}
 @keyframes trace01 { 0% {
 transform: scale(0.1);
 opacity: 1;
}
 16% {
 transform: scale(1);
 opacity: 0;
}
100% {
 transform: scale(1);
 opacity: 0;
}
}

/**/
@-webkit-keyframes trace02 { 0% {
 -webkit-transform: scale(0.1);
 opacity: 1;
}
16% {
-webkit-transform: scale(0.1);
 opacity: 1;
}
 32% {
 -webkit-transform: scale(1);
 opacity: 0;
}
100% {
-webkit-transform: scale(1);
 opacity: 0;
}
}
 @-moz-keyframes trace02 { 0% {
 -moz-transform: scale(0.1);
 opacity: 1;
}
16% {
-moz-transform: scale(0.1);
 opacity: 1;
}
 32% {
 -moz-transform: scale(1);
 opacity: 0;
}
100% {
-moz-transform: scale(1);
 opacity: 0;
}
}
 @-ms-keyframes trace02 { 0% {
 -ms-transform: scale(0.1);
 opacity: 1;
}
16% {
-ms-transform: scale(0.1);
 opacity: 1;
}
 32% {
 -ms-transform: scale(1);
 opacity: 0;
}
100% {
-ms-transform: scale(1);
 opacity: 0;
}
}
 @-o-keyframes trace02 { 0% {
 -o-transform: scale(0.1);
 opacity: 1;
}
16% {
-o-transform: scale(0.1);
 opacity: 1;
}
 32% {
 -o-transform: scale(1);
 opacity: 0;
}
100% {
-o-transform: scale(1);
 opacity: 0;
}
}
 @keyframes trace02 { 0% {
 transform: scale(0.1);
 opacity: 1;
}
16% {
transform: scale(0.1);
 opacity: 1;
}
 32% {
 transform: scale(1);
 opacity: 0;
}
100% {
transform: scale(1);
 opacity: 0;
}
}

/**/
@-webkit-keyframes trace03 { 0% {
 -webkit-transform: scale(0.1);
 opacity: 1;
}
32% {
-webkit-transform: scale(0.1);
 opacity: 1;
}
 48% {
 -webkit-transform: scale(1);
 opacity: 0;
}
100% {
-webkit-transform: scale(1);
 opacity: 0;
}
}
 @-moz-keyframes trace03 { 0% {
 -moz-transform: scale(0.1);
 opacity: 1;
}
32% {
-moz-transform: scale(0.1);
 opacity: 1;
}
 48% {
 -moz-transform: scale(1);
 opacity: 0;
}
100% {
-moz-transform: scale(1);
 opacity: 0;
}
}
 @-ms-keyframes trace03 { 0% {
 -ms-transform: scale(0.1);
 opacity: 1;
}
32% {
-ms-transform: scale(0.1);
 opacity: 1;
}
 48% {
 -ms-transform: scale(1);
 opacity: 0;
}
100% {
-ms-transform: scale(1);
 opacity: 0;
}
}
 @-o-keyframes trace03 { 0% {
 -o-transform: scale(0.1);
 opacity: 1;
}
32% {
-o-transform: scale(0.1);
 opacity: 1;
}
 48% {
 -o-transform: scale(1);
 opacity: 0;
}
100% {
-o-transform: scale(1);
 opacity: 0;
}
}
 @keyframes trace03 { 0% {
 transform: scale(0.1);
 opacity: 1;
}
32% {
transform: scale(0.1);
 opacity: 1;
}
 48% {
 transform: scale(1);
 opacity: 0;
}
100% {
transform: scale(1);
 opacity: 0;
}
}

/**/
@-webkit-keyframes trace04 { 0% {
 -webkit-transform: scale(0.1);
 opacity: 1;
}
48% {
-webkit-transform: scale(0.1);
 opacity: 1;
}
 64% {
 -webkit-transform: scale(1);
 opacity: 0;
}
100% {
-webkit-transform: scale(1);
 opacity: 0;
}
}
 @-moz-keyframes trace04 { 0% {
 -moz-transform: scale(0.1);
 opacity: 1;
}
48% {
-moz-transform: scale(0.1);
 opacity: 1;
}
 64% {
 -moz-transform: scale(1);
 opacity: 0;
}
100% {
-moz-transform: scale(1);
 opacity: 0;
}
}
 @-ms-keyframes trace04 { 0% {
 -ms-transform: scale(0.1);
 opacity: 1;
}
48% {
-ms-transform: scale(0.1);
 opacity: 1;
}
 64% {
 -ms-transform: scale(1);
 opacity: 0;
}
100% {
-ms-transform: scale(1);
 opacity: 0;
}
}
 @-o-keyframes trace04 { 0% {
 -o-transform: scale(0.1);
 opacity: 1;
}
48% {
-o-transform: scale(0.1);
 opacity: 1;
}
 64% {
 -o-transform: scale(1);
 opacity: 0;
}
100% {
-o-transform: scale(1);
 opacity: 0;
}
}
 @keyframes trace04 { 0% {
 transform: scale(0.1);
 opacity: 1;
}
48% {
transform: scale(0.1);
 opacity: 1;
}
 64% {
 transform: scale(1);
 opacity: 0;
}
100% {
transform: scale(1);
 opacity: 0;
}
}

/**/
@-webkit-keyframes trace05 { 0% {
 -webkit-transform: scale(0.1);
 opacity: 1;
}
64% {
-webkit-transform: scale(0.1);
 opacity: 1;
}
 80% {
 -webkit-transform: scale(1);
 opacity: 0;
}
100% {
-webkit-transform: scale(1);
 opacity: 0;
}
}
 @-moz-keyframes trace05 { 0% {
 -moz-transform: scale(0.1);
 opacity: 1;
}
64% {
-moz-transform: scale(0.1);
 opacity: 1;
}
 80% {
 -moz-transform: scale(1);
 opacity: 0;
}
100% {
-moz-transform: scale(1);
 opacity: 0;
}
}
 @-ms-keyframes trace05 { 0% {
 -ms-transform: scale(0.1);
 opacity: 1;
}
64% {
-ms-transform: scale(0.1);
 opacity: 1;
}
 80% {
 -ms-transform: scale(1);
 opacity: 0;
}
100% {
-ms-transform: scale(1);
 opacity: 0;
}
}
 @-o-keyframes trace05 { 0% {
 -o-transform: scale(0.1);
 opacity: 1;
}
64% {
-o-transform: scale(0.1);
 opacity: 1;
}
 80% {
 -o-transform: scale(1);
 opacity: 0;
}
100% {
-o-transform: scale(1);
 opacity: 0;
}
}
 @keyframes trace05 { 0% {
 transform: scale(0.1);
 opacity: 1;
}
64% {
 transform: scale(0.1);
 opacity: 1;
}
 80% {
 transform: scale(1);
 opacity: 0;
}
100% {
 transform: scale(1);
 opacity: 0;
}
}

/**/
@-webkit-keyframes trace06 { 0% {
 -webkit-transform: scale(0.1);
 opacity: 1;
}
80% {
-webkit-transform: scale(0.1);
 opacity: 1;
}
 96% {
 -webkit-transform: scale(1);
 opacity: 0;
}
100% {
 -webkit-transform: scale(1);
 opacity: 0;
}
}
 @-moz-keyframes trace06 { 0% {
 -moz-transform: scale(0.1);
 opacity: 1;
}
80% {
-moz-transform: scale(0.1);
 opacity: 1;
}
 96% {
 -moz-transform: scale(1);
 opacity: 0;
}
100% {
-moz-transform: scale(1);
 opacity: 0;
}
}
 @-ms-keyframes trace06 { 0% {
 -ms-transform: scale(0.1);
 opacity: 1;
}
80% {
-ms-transform: scale(0.1);
 opacity: 1;
}
 96% {
 -ms-transform: scale(1);
 opacity: 0;
}
100% {
-ms-transform: scale(1);
 opacity: 0;
}
}
 @-o-keyframes trace06 { 0% {
 -o-transform: scale(0.1);
 opacity: 1;
}
80% {
-o-transform: scale(0.1);
 opacity: 1;
}
 96% {
 -o-transform: scale(1);
 opacity: 0;
}
100% {
-o-transform: scale(1);
 opacity: 0;
}
}
 @keyframes trace06 { 0% {
 transform: scale(0.1);
 opacity: 1;
}
80% {
transform: scale(0.1);
 opacity: 1;
}
 96% {
 transform: scale(1);
 opacity: 0;
}
100% {
transform: scale(1);
 opacity: 0;
}
}
.rsNews { float: right; width: 312px; margin-top: 0px; padding-right: 72px; padding-top: 58px; }
.rsNews h3 { font-size: 18px; color: #252525; padding-top: 11px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d5d5d5; padding-bottom: 12px; }
.rsNews ul { padding-top: 47px; padding-left: 2px; }
.rsNews li { height: 122px; }
.rsNews li .pic { float: left; }
.rsNews li .pic img { width: 108px; height: 75px; }
.rsNews li .info { float: left; padding-left: 25px; }
.rsNews li .info span { color: #a9a194; }
.rsNews li .info h4 { padding-top: 6px; height: 36px; width: 170px; }
.rsNews li .info h4 a { color: #44433f; }
.rsNews li .info .view a { color: #e3672a; }
.rsSearch { clear: both; }
/* ===========================================================
 *
 *  Name:          selectordie.css
 *  Updated:       2014-04-27
 *  Created by:    Per V @ Vst.mn
 *  What?:         Base CSS for Select or Die
 *
 *  Copyright (c) 2014 Per Vestman
 *  Dual licensed under the MIT and GPL licenses.
 *
 *  No, I don't usually comment my CSS, but in this
 *  case it might "help" someone.
 *
 *  Beards, Rock & Loud Guns | Cogs 'n Kegs
 * =========================================================== */

/* Remove, change to fit your needs */
@import url("../../fonts.googleapis.com/css-family=Lato-300,700.css")/*tpa=http://fonts.googleapis.com/css?family=Lato:300,700*/;
.sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select { display: inline-block; position: relative; line-height: 1; width: 200px; padding: 15px 10px; border: 3px solid #5e5e5e; background: #ffffff; color: #444444; font-size: 11px; font-weight: 700; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; }
/* Up/Down arrows */
.sod_select:before, .sod_select:after { content: "\25B2"; position: absolute; right: 10px; top: 12px; font-size: 7px; }
/* Down arrow */
.sod_select:after { content: "\25BC"; top: auto; bottom: 12px; }
/* Change the border color on hover, focus and when open */
.sod_select:hover, .sod_select.open, .sod_select.focus { border-color: #000000; }
.sod_select.open { color: #919191; }
.sod_select.focus { box-shadow: 0 0 5px rgba(0,0,0,.2); }
/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled { border-color: #828282; color: #b2b2b2; cursor: not-allowed; }
/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; }
.sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ }
.sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ }
/* Options list wrapper */
.sod_select .sod_list { position: absolute; top: 100%; left: 0; display: none; height: auto; width: 200px; margin: 0 0 0 -3px; background: #ffffff; border: 3px solid #000000; border-top: none; color: #444444; font-weight: 300; z-index: 1; }
/* Shows the option list (don't edit) */
.sod_select.open .sod_list { display: block; }
/* Don't display the options when  */
.sod_select.disabled.open .sod_list { display: none; }
/* When the option list is displayed above the SoD */
.sod_select.above .sod_list { top: auto; bottom: 100%; border-top: 3px solid #000000; border-bottom: none; }
/* Options list container */
.sod_select .sod_list ul { overflow-y: auto; padding: 0; margin: 0; }
/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_list li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px 10px; list-style-type: none; }
/* Optgroups */
.sod_select .sod_list .optgroup, .sod_select .sod_list .optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic; }
/* Children of an optgroup */
.sod_select .sod_list .groupchild { padding-left: 20px; }
/* Disabled option */
.sod_select .sod_list .disabled { background: inherit; color: #cccccc; }
/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_list .active { background: #f7f7f7; color: #333333; }
/*Make room for the check mark */
.sod_select .sod_list .selected { font-weight: 700; padding-right: 25px; }
/* Displays a check mark for the selected option */
.sod_select .sod_list .selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); }
/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_list .selected { font-weight: 300; }
.sod_select.no_highlight .sod_list .selected:before { display: none; }
.sod_select .sod_list .link { /* If data-link is set on a specific option */ }
.sod_select .sod_list .linkexternal { /* If data-link-external is set on a specific option */ }
/* Hide native select */
.sod_select select { display: none !important; }
/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; }
/* ===========================================================
 *
 *  Name:          selectordie_theme_02.css
 *  Updated:       2014-04-27
 *  Created by:    Per V @ Vst.mn
 *  What?:         Custom "theme" for Select or Die
 *                 To use this theme, include this file
 *                 instead of the .selectordie.css file
 *
 *
 *  Beards, Rock & Loud Guns | Cogs 'n Kegs
 * =========================================================== */

/* Remove, change to fit your needs */
@import url("../../fonts.googleapis.com/css-family=Lato-300,700.css")/*tpa=http://fonts.googleapis.com/css?family=Lato:300,700*/;
.sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select { display: inline-block; position: relative; line-height: 1; width: 200px; padding: 13px 10px; background: #fcfcfc; border: 1px solid #d4d4d4; box-shadow: inset 0 -1px 2px rgba(0,0,0,.05); border-radius: 3px; color: #808080; font-size: 12px; font-weight: 700; text-align: left; text-transform: none; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; }
/* Up/Down arrows */
.sod_select:before, .sod_select:after { content: ""; position: absolute; right: 30px; top: 10px; bottom: 10px; border-left: 1px solid #e5e5e5; }
/* Down arrow */
.sod_select:after { content: "\25BC"; right: 12px; top: 16px; border-left: none; font-size: 7px; }
.sod_select.above:after { content: "\25B2"; }
/* Change the border color on hover, focus and when open */
.sod_select:hover, .sod_select.open, .sod_select.focus { background: #ffffff; border-color: #d4d4d4; }
.sod_select.open { color: #919191; }
.sod_select.focus { box-shadow: inset 0 -1px 2px rgba(0,0,0,.05), 0 0 5px rgba(0,0,0,.1); }
/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled { border-color: #d4d4d4; color: #b2b2b2; cursor: not-allowed; }
.sod_select.disabled:hover { background: #fcfcfc; }
/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; }
.sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ }
.sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ }
/* Options list wrapper */
.sod_select .sod_list { position: absolute; top: 100%; left: 0; display: none; height: auto; width: 200px; margin: 10px 0 0 -1px; border: 1px solid #d4d4d4; border-radius: 3px; box-shadow: 0 2px 4px rgba(0,0,0,.1); background: #ffffff; color: #808080; font-weight: 300; z-index: 9999; }
/* Shows the option list (don't edit) */
.sod_select.open .sod_list { display: block; }
/* Don't display the options when  */
.sod_select.disabled.open .sod_list { display: none; }
/* When the option list is displayed above the SoD */
.sod_select.above .sod_list { top: auto; bottom: 100%; margin: 0 0 10px -1px; border: 1px solid #d4d4d4; box-shadow: 0 -2px 4px rgba(0,0,0,.1); }
/* Arrow(s) displayed when the SoD is active, only in this "theme" */
.sod_select .sod_list:after, .sod_select .sod_list:before { content: ""; position: absolute; bottom: 100%; right: 10px; border: solid transparent; height: 0; width: 0; pointer-events: none; }
.sod_select.above .sod_list:after, .sod_select.above .sod_list:before { top: 100%; bottom: auto; }
.sod_select .sod_list:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 6px; }
.sod_select.above .sod_list:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; }
.sod_select .sod_list:before { margin-right: -2px; border-color: rgba(212, 212, 212, 0); border-bottom-color: #d4d4d4; border-width: 8px; }
.sod_select.above .sod_list:before { border-color: rgba(255, 255, 255, 0); border-top-color: #d4d4d4; }
/* Options list container */
.sod_select .sod_list ul { overflow-y: auto; padding: 0 4px; margin: 4px 0; border-radius: 3px; }
/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_list li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px; list-style-type: none; border-bottom: 1px solid #f7f7f7; float: left; }
/* Remove the bottom border from the last item */
.sod_select .sod_list li:last-child { border-bottom: none; }
/* Optgroups */
.sod_select .sod_list .optgroup, .sod_select .sod_list .optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic; }
/* Children of an optgroup */
.sod_select .sod_list .groupchild { padding-left: 20px; }
/* Disabled option */
.sod_select .sod_list .disabled { background: inherit; color: #cccccc; }
/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_list .active { background: #f7f7f7; border-radius: 3px; color: #676767; }
/*Make room for the check mark */
.sod_select .sod_list .selected { padding-right: 25px; font-weight: 700; }
/* Displays a check mark for the selected option */
.sod_select .sod_list .selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); }
/* Add a .no_highlight class to you SoD to hide the check mark */
.sod_select.no_highlight .sod_list .selected:before { display: none; }
.sod_select .sod_list .link { /* If data-link is set on a specific option */ }
.sod_select .sod_list .linkexternal { /* If data-link-external is set on a specific option */ }
/* Hide native select */
.sod_select select { display: none !important; }
/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; }
.rsProject { background-color: #f0eae0; height: 342px; }
.rsProject h3 { font-size: 18px; color: #2b2b2b; height: 60px; padding-top: 27px; }
.rsProject .pd { position: relative; }
.rsProject .pd .plist { position: relative; width: 930px; height: 187px; overflow: hidden; }
.rsProject .pd .plist ul { position: absolute; }
.rsProject .pd .plist li { width: 270px; margin-right: 60px; float: left; }
.rsProject .pd .plist li img { width: 270px; height: 187px; }
.rsProject .pd .plist li:hover img { opacity: 0.7 }
.rsProject .pd .plist li:hover h4 a { color: #ae517f; }
.rsProject .pd .plist li h4 { float: left; padding-top: 8px; }
.rsProject .pd .plist li h4 a { color: #3d3d3d; }
.rsProject .pd .plist li span { float: right; display: block; padding-top: 8px; color: #929192; }
.rsProject .pd .previ { position: absolute; left: -80px; top: 57px; }
.rsProject .pd .next { position: absolute; top: 57px; right: -80px; }
.redStar .detail { position: relative; }
.redStar .detail .return, .value .return, .return023 { position: absolute; top: 27px; right: 0px; line-height: 66px; font-size: 14px; color: #bbbab9; height: 66px; width: 128px; z-index: 5 }
.value .return { width: 100px; }
.redStar .detail .return img, .value .return img, .return023 img { display: inline; float: right; }
.redStar .detail h4 { font-size: 18px; color: #2b2b2b; height: 63px; padding-top: 40px; }
.redStar .detail h4 span { background-image: url("../images/icon/detail.png")/*tpa=http://www.hongsin.cc/images/icon/detail.png*/; background-repeat: no-repeat; background-position: 5px center; display: inline-block; padding-left: 16px; color: #838282; }
.redStar .detail .pic { float: left; width: 631px; }
.redStar .detail .pic .b { width: 631px; height: 427px; position: relative; overflow: hidden; }
.redStar .detail .pic .b img { width: 631px; height: 427px; }
.redStar .detail .pic .b li { position: absolute; top: 0px; left: 100% }
.redStar .detail .pic .b li.on { left: 0%; }
.redStar .detail .pic .l { padding-top: 12px; }
.redStar .detail .pic .l li { margin-right: 9px; float: left; }
.redStar .detail .pic .l li img { height: 36px; width: 48px; border: 2px solid #FFF; }
.redStar .detail .pic .l li a.on img { border-top-color: #f08504; border-right-color: #f08504; border-bottom-color: #f08504; border-left-color: #f08504; }
.redStar .detail .info { float: right; width: 448px; position: relative; }
.redStar .detail .info .c { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccbc9; padding-bottom: 16px; }
.redStar .detail .info .c h4 { font-size: 18px; color: #252424; padding: 0px; height: 34px; }
.redStar .detail .info .c h5 { color: #8c8b8b; padding-bottom: 5px; padding-top: 12px; }
.redStar .detail .info .c p { font-size: 14px; color: #1a1a1a; }
.redStar .detail .info .c p.tinfo { line-height: 18px; color: #8c8b8b; }
.redStar .detail .info .addr { position: absolute; right: 10px; bottom: 53px; }
.redStar .detail .info .addr a { display: block; width: 72px; height: 16px; padding-top: 52px; }
.redStar .detail .info .addr img { position: absolute; left: 0px; top: 0px; }
.statement .Area .content h5 { color: #004ea2; font-size: 18px; padding-top: 50px; padding-bottom: 18px; }
.statement .cotact { background-image: url("../images/picture/contact.jpg")/*tpa=http://www.hongsin.cc/images/picture/contact.jpg*/; background-repeat: no-repeat; background-position: center top; height: 237px; padding-top: 112px; }
.statement .Area .content .cotact .tel { font-size: 18px; line-height: 30px; color: #5e5d5d; padding-top: 4px; }
.statement .Area .content .cotact .tel span { color: #50a6cd; }
.statement .Area .content .cotact .ad { font-size: 14px; line-height: 18px; color: #868686; padding-top: 27px; }
.sitemap .content li { float: left; margin-right: 2px; margin-bottom: 36px; }
.sitemap .content li li { background-color: #e2e8f0; height: 40px; width: 194px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; float: none; }
.sitemap .content li li a { font-size: 14px; line-height: 40px; color: #7e7f7f; text-align: center; display: block; height: 40px; width: 180px; padding-left: 14px; }
.sitemap .content li li.t a { color: #5061a0; }
.sitemap .content li li.t { position: relative; }
.sitemap .content li li.t span { font-family: Arial; font-size: 24px; line-height: 40px; color: #FFFFFF; text-align: center; height: 40px; width: 40px; position: absolute; left: 0px; top: 0px; background-color: #5061a0; }
.linksMenu { width: 236px; height: 100%; position: fixed; right: -258px; top: 0px; background-color: #212121; z-index: 9999; padding-left: 22px; transition: right 200ms; }
.linksMenu.on { right: 0px; transition: right 200ms; }
.linksMenu h6 { color: #d1d1d1; font-size: 16px; padding-top: 34px; }
.linksMenu h6 span { color: #fff; }
.linksMenu .l { height: 74px; padding-top: 20px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #525252; }
.linksMenu .l a { float: left; }
.linksMenu .l a.wz { color: #a2a2a2; line-height: 18px; margin-left: 8px; }
.linksMenu .close { background-image: url("../images/btn/close.png")/*tpa=http://www.hongsin.cc/images/btn/close.png*/; display: block; height: 14px; width: 14px; position: absolute; top: 27px; right: 27px; }
.codE { position: fixed; width: 288px; height: 288px; margin: auto; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10007; display: none; }
.codEbg { position: fixed; width: 100%; height: 100%; background-color: #000; opacity: .4; z-index: 10005; top: 0px; left: 0px; display: none; }
.Social .content .qy { border: 1px solid #dddddd; margin-top: 15px; padding-top: 20px; padding-bottom: 18px; padding-left: 55px; padding-right: 55px; }
.Social .content .qy li a { line-height: 34px; text-align: center; display: block; height: 34px; width: 60px; font-size: 14px; color: #333333; }
.Social .content .qy li.hover a { color: #004ea2; }
.Social .content .joblist table th { color: #FFF; }
.Social .content .joblist table tr.hover td { background-color: #f5f5f5; }
.Social .content .joblist table td { text-align: center; font-size: 14px; color: #333; }
.Social .content .jobtab { height: 35px; padding-top: 27px; padding-bottom: 19px; }
.Social .content .jobtab li { margin-right: 10px; }
.Social .content .jobtab li a { display: block; font-size: 14px; line-height: 33px; color: #333333; text-align: center; height: 33px; width: 98px; border: 1px solid #dddddd; }
.Social .content .jobtab li a:hover, .Social .content .jobtab li a.hover { color: #FFF; background-color: #004ea2; }
.Social .content .jobd .t { font-size: 14px; line-height: 33px; color: #FFF; background-color: #004ea2; height: 33px; border: 1px solid #e3e3e3; }
.Social .content .jobd .t h5 { color: #FFF; float: left; padding-left: 20px; }
.Social .content .jobd .t span { float: right; margin-right: 18px; }
.Social .content .jobd .c { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e3e3e3; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #e3e3e3; line-height: 20px; font-size: 14px; color: #333; padding: 20px; }
.Social .content .jobd .c b { font-weight: bold; }
.Social .content .jobd .ti { font-size: 14px; line-height: 24px; color: #004ea2; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding-top: 20px; margin-top: 20px; }
.rtop { position: fixed; bottom: 100px; right: 60px; }
/* 酷站代码整理 http://www.5icool.org */
#featureCarousel { height: 330px; width: 800px; position: relative;}
#featureCarousel img { border: 0; width:600px; height:300px; }
#featureCarousel .feature { position: absolute; top: -1000px; left: -1000px; border: 3px solid white; cursor: pointer; }
#featureCarousel .feature > div { position: absolute; bottom: 0px; left: 0px; background-color: #004ea2; width: 100%; }
#featureCarousel .feature > div p { margin: 0; padding: 5px; font-weight: bold; font-size: 12px; color: white; }
#featureCarousel .blipsContainer { position: absolute; color: white; right: 0px; padding: 0; margin: auto; width: 500px; left: 0px; bottom: -20px; text-align: center; }
#featureCarousel .blipsContainer li{ display: inline-table; }
#featureCarousel .blipsContainer .blip { margin: 3px; height: 14px; width: 14px; color: white; text-align: center; font-size: 10px; border-radius: 7px; background-color: #999; color:#999; font-size:8px; }
#featureCarousel .blipsContainer .blipSelected { color: white; font-weight: bold; background-color: #004ea2; color:#004ea2 }
.bodyMask{ background-color: #000; position: absolute; z-index: 5000; height: 100%; width: 100%; left: 0px; top: 0px; opacity: .6; display: none; }
.vbox{ width: 800px; height: 600px; position: fixed; margin: auto; z-index: 5001; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.vbox .vclose{color:#004ea2;
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    border: 0;
    cursor: pointer; position:absolute; right: -26px;
    top: -45px;}
	
	.pContact li{ float:left; width:245px; height:80px;}


.nwmenu {
    width: 200px;
}

.nw_tab {
	width: 230px;
	margin: 10px 0 10px 20px;
}

.nw_tab td {
	vertical-align: top;
}

.nw_tab .title {
	color: #8f8c92;
	vertical-align: top;
	padding-top: 4px;
}

#subNav .wrap-c .link a {

}
#subNav .wrap-c .nw_tab .link a:link {
	color: #d2ced5;
	padding: 0;
	margin: 0;
	line-height: 25px !important;
	padding: 0 16px;
    font-weight: none !important;}

#subNav .wrap-c .nw_tab .link a:visited {
	color: #d2ced5;
	padding: 0;
	margin: 0;
	line-height: 25px !important;
	padding: 0 16px;
    font-weight: none !important;
}


#subNav .wrap-c .nw_tab .link a:hover {
	color: #fff;
	padding: 0;
	margin: 0;
		line-height: 25px !important;
	padding: 0 16px;
    font-weight: none !important;
}

.shzp_list_tab {
	width: 100%;
	font-size: 13px;
}

.shzp_list_tab tr th {
	font-weight: bold;
	background: #666666;
	padding:20px;
	color: #fff;

}

.shzp_list_tab tr td {
	padding: 15px 20px;
	color: #333;
}

.shzp_list_tab .r1 {
	background: #f9efd9;
}

.sqzw_btn {
	display: block;
	width: 120px !important;
	padding: 20px;
	background: #1A488D;
	color: #fff !important;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
}